<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			:root {
				--theme-color: #FF5000;
			}
			
			* {
				padding: 0px;
				margin: 0px;
				list-style: none;
				box-sizing: border-box;
				text-decoration: none;
			}
			
			.goods-box {
				width: 1200px;
				margin: auto;
			}
			
			.goods-box>h3 {
				height: 24px;
				font-size: 24px;
				line-height: 24px;
				margin-left: 10px;
				margin-bottom: 10px;
				font-weight: 700;
			}
			
			.goods-box>h3>span {
				float: left;
			}
			
			.goods-box>h3>img {
				height: 20px;
				width: 64px;
				margin: 4px 0px 0px 6px;
			}
			
			.goods-item {
				width: 33.33%;
				padding: 10px;
				float: left;
			}
			
			.goods-item>div {
				background-color: #f7f9fa;
				border: 1px solid #f7f9fa;
				display: flow-root;
				border-radius: 20px;
				padding: 10px;
			}
			
			.goods-item>div:hover {
				border: 1px solid var(--theme-color);
				cursor: pointer;
			}
			
			.goods-img {
				float: left;
				width: 150px;
				height: 150px;
				border-radius: 20px;
			}
			
			.goods-img:hover {
				opacity: 0.8;
			}
			
			.goods-text-box {
				float: left;
				width: 207px;
				padding-left: 10px;
			}
			
			.goods-text-box>h4 {
				height: 46px;
				overflow: hidden;
				line-height: 23px;
				font-weight: 100;
				font-size: 16px;
				margin-bottom: 10px;
			}
			
			.goods-tags>span {
				border: 1px solid var(--theme-color);
				font-size: 12px;
				border-radius: 3px;
				padding: 3px;
				color: var(--theme-color);
			}
			
			.goods-price {
				color: var(--theme-color);
				font-size: 22px;
				margin-top: 45px;
			}
			
			.goods-title:hover {
				color: var(--theme-color);
				
			}
		</style>
	</head>
	<body>
		<main>
			<section class="goods-box">
				<h3>
					<span>猜你喜欢</span>
					<img src="https://gw.alicdn.com/imgextra/i2/O1CN016b1mMM1FxJlsXfWhU_!!6000000000553-2-tps-96-30.png">
				</h3>
				<ul class="goods-list">
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
					<li class="goods-item">
						<div>
							<img class="goods-img" src="https://gw.alicdn.com/bao/uploaded/i2/3600052896/O1CN01I5hY7T1XGPmJJcRJU_!!0-item_pic.jpg_300x300q90.jpg_.webp">
							<div class="goods-text-box">
								<h4 class="goods-title">
									百斯锐健腹轮腹肌自动回弹滚轮健身器男家用卷腹收腹瘦肚子练神器
								</h4>
								<div class="goods-tags">
									<span>送运费险</span>
								</div>
								<p class="goods-price">￥180.00</p>
							</div>
						</div>
					</li>
				</ul>
			</section>
		</main>
	</body>
</html>